<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<footer class="footer style7">
			<div class="container">
				<div class="container-wapper">
					<div class="row">
						<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-sm hidden-md hidden-lg">
							<div class="teamo-newsletter style1">
								<div class="newsletter-head">
									<h3 class="title">通讯</h3>
								</div>
								<div class="newsletter-form-wrap">
									<div class="list">
										注册我们的免费视频课程和 <br /> 城市花园灵感
									</div>
									<input type="email" class="input-text email email-newsletter" placeholder="邮箱">
									<button class="button btn-submit submit-newsletter">提交</button>
								</div>
							</div>
						</div>
						<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4">
							<div class="teamo-custommenu default">
								<h2 class="widgettitle">快速菜单</h2>
								<ul class="menu">
									<li class="menu-item">
										<a href="#">新品上市</a>
									</li>
									<li class="menu-item">
										<a href="#">生活方式</a>
									</li>
									<li class="menu-item">
										<a href="#">仙人掌</a>
									</li>
									<li class="menu-item">
										<a href="#">棕榈树</a>
									</li>
									<li class="menu-item">
										<a href="#">蕨类植物</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-xs">
							<div class="teamo-newsletter style1">
								<div class="newsletter-head">
									<h3 class="title">通讯</h3>
								</div>
								<div class="newsletter-form-wrap">
									<div class="list">
										注册我们的免费视频课程和<br /> 城市花园灵感
									</div>
									<a href="contact.jsp"><button class="button btn-submit submit-newsletter">向我们提交反馈和bug</button></a>
								</div>
							</div>
						</div>
						<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4">
							<div class="teamo-custommenu default">
								<h2 class="widgettitle">信息</h2>
								<ul class="menu">
									<li class="menu-item">
										<a href="#">常见问题</a>
									</li>
									<li class="menu-item">
										<a href="#">跟踪订单</a>
									</li>
									<li class="menu-item">
										<a href="#">交货</a>
									</li>
									<li class="menu-item">
										<a href="#">联系我们</a>
									</li>
									<li class="menu-item">
										<a href="#">返回</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="footer-end">
						<div class="row">
							<div class="col-sm-12 col-xs-12">
								<div class="teamo-socials">
									<ul class="socials">
										<li>
											<a href="#" class="social-item" target="_blank">
												<i class="icon fa fa-facebook"></i>
											</a>
										</li>
										<li>
											<a href="#" class="social-item" target="_blank">
												<i class="icon fa fa-twitter"></i>
											</a>
										</li>
										<li>
											<a href="#" class="social-item" target="_blank">
												<i class="icon fa fa-instagram"></i>
											</a>
										</li>
									</ul>
								</div>
								<div class="coppyright">版权所有 © 2020.公司名称 保留所有权利。</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>	
</body>
</html>